{{ define "views/index.html" }}
<!doctype html>
<html>
<head>
<meta charset="utf8">
<title>cycLinder个人博客</title>
<meta name="keywords" content="个人博客,XXX个人博客,个人博客模板,XXX" />
<meta name="description" content="个人博客，分享学习golang的心历路程。" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/static/css/base.css" rel="stylesheet">
<link href="/static/css/index.css" rel="stylesheet">
<link href="/static/css/m.css" rel="stylesheet">

<!--[if lt IE 9]>
<script src="/static/js/modernizr.js"></script>
<![endif]-->
<script>
window.onload = function ()
{
	var oH2 = document.getElementsByTagName("h2")[0];
	var oUl = document.getElementsByTagName("ul")[0];
	oH2.onclick = function ()
	{
		var style = oUl.style;
		style.display = style.display == "block" ? "none" : "block";
		oH2.className = style.display == "block" ? "open" : ""
	}
}
</script>
</head>
<body>
<header>
  <div class="tophead">
    <div class="logo"><a href="/">我的博客</a></div>
   
    <nav class="topnav" id="topnav">
      <ul>
        <li><a href="/">网站首页</a></li>
        <li><a href="/article/new/">投稿</a></li>
        <li><a href="/leave/new/">留言</a></li>
        <li><a href="/about/me/">关于我</a></li>
      </ul>
    </nav>
  </div>
</header>
<article>
  <div class="blogs">
    {{range .article_list}} 
    <li> 
      <h3 class="blogtitle"><a href="/article/detail/?article_id={{.Id}}">{{.Title}}</a></h3>
      <div class="bloginfo">
        <p>{{.Summary}}</p>
      </div>
      <div class="autor">
        <span class="lm"><a href="/category/?category_id={{.Category.CategoryId}}" title="CSS3|Html5" target="_blank" class="classname">{{.CategoryName}}</a></span>
        <span class="dtime">{{.CreateTime}}</span>
        <span class="viewnum">浏览（{{.ViewCount}}）</span>
        <span class="viewnum">评论（{{.CommentCount}}）</span>
        <span class="readmore"><a href="/article/detail/?article_id={{.Id}}">阅读原文</a></span>
      </div>
    </li>
    {{end}}
  </div>
  <div class="sidebar">
    <div class="about">
      <div class="avatar"> <img src="/static/images/avatar.jpg" alt=""> </div>
      <p class="abname">CYCLINDER</p>
      <p class="abposition">穿越丛林的人</p>
      <div class="abtext"> 记录自己学习golang的一路 </div>
    </div>
    <!--
    <div class="search">
      <form action="/e/search/index.php" method="post" name="searchform" id="searchform">
        <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字'}" type="text">
        <input name="show" value="title" type="hidden">
        <input name="tempid" value="1" type="hidden">
        <input name="tbname" value="news" type="hidden">
        <input name="Submit" class="input_submit" value="搜索" type="submit">
      </form>
    </div>
  -->
    <div class="cloud">
      <h2 class="hometitle">分类</h2>
      <ul>
        {{range .category_list}}
        <a href="/category/?category_id={{.CategoryId}}">{{.CategoryName}}</a> 
        {{end}}
      </ul>
    </div>
    <div class="paihang">
      <h2 class="hometitle">点击排行</h2>
      <ul>
        <li><b><a href="/download/div/2015-04-10/746.html" target="_blank">【活动作品】柠檬绿兔小白个人博客模板30...</a></b>
          <p><i><img src="/static/images/t02.jpg"></i>展示的是首页html，博客页面布局格式简单，没有复杂的背景，色彩局部点缀，动态的幻灯片展示，切换卡，标...</p>
        </li>
        <li><b><a href="/download/div/2014-02-19/649.html" target="_blank"> 个人博客模板（2014草根寻梦）30...</a></b>
          <p><i><img src="/static/images/b03.jpg"></i>2014第一版《草根寻梦》个人博客模板简单、优雅、稳重、大气、低调。专为年轻有志向却又低调的草根站长设...</p>
        </li>
        <li><b><a href="/download/div/2013-08-08/571.html" target="_blank">黑色质感时间轴html5个人博客模板30...</a></b>
          <p><i><img src="/static/images/b04.jpg"></i>黑色时间轴html5个人博客模板颜色以黑色为主色，添加了彩色作为网页的一个亮点，导航高亮显示、banner图片...</p>
        </li>
        <li><b><a href="/download/div/2014-09-18/730.html" target="_blank">情侣博客模板系列之《回忆》Html30...</a></b>
          <p><i><img src="/static/images/b05.jpg"></i>Html5+css3情侣博客模板，主题《回忆》，使用css3技术实现网站动画效果，主题《回忆》,分为四个主要部分，...</p>
        </li>
        <li><b><a href="/download/div/2014-04-17/661.html" target="_blank">黑色Html5个人博客模板主题《如影随形》30...</a></b>
          <p><i><img src="/static/images/b06.jpg"></i>014第二版黑色Html5个人博客模板主题《如影随形》，如精灵般的影子会给人一种神秘的感觉。一张剪影图黑白...</p>
        </li>
        <li><b><a href="/jstt/bj/2015-01-09/740.html" target="_blank">【匆匆那些年】总结个人博客经历的这四年…30...</a></b>
          <p><i><img src="/static/images/mb02.jpg"></i>博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也...</p>
        </li>
      </ul>
    </div>
    <div class="paihang">
      <h2 class="hometitle">评论排行</h2>
      <ul>
        <li><b><a href="/download/div/2015-04-10/746.html" target="_blank">【活动作品】柠檬绿兔小白个人博客模板30...</a></b>
          <p><i><img src="/static/images/t02.jpg"></i>展示的是首页html，博客页面布局格式简单，没有复杂的背景，色彩局部点缀，动态的幻灯片展示，切换卡，标...</p>
        </li>
        <li><b><a href="/download/div/2014-02-19/649.html" target="_blank"> 个人博客模板（2014草根寻梦）30...</a></b>
          <p><i><img src="/static/images/b03.jpg"></i>2014第一版《草根寻梦》个人博客模板简单、优雅、稳重、大气、低调。专为年轻有志向却又低调的草根站长设...</p>
        </li>
        <li><b><a href="/download/div/2013-08-08/571.html" target="_blank">黑色质感时间轴html5个人博客模板30...</a></b>
          <p><i><img src="/static/images/b04.jpg"></i>黑色时间轴html5个人博客模板颜色以黑色为主色，添加了彩色作为网页的一个亮点，导航高亮显示、banner图片...</p>
        </li>
        <li><b><a href="/download/div/2014-09-18/730.html" target="_blank">情侣博客模板系列之《回忆》Html30...</a></b>
          <p><i><img src="/static/images/b05.jpg"></i>Html5+css3情侣博客模板，主题《回忆》，使用css3技术实现网站动画效果，主题《回忆》,分为四个主要部分，...</p>
        </li>
        <li><b><a href="/download/div/2014-04-17/661.html" target="_blank">黑色Html5个人博客模板主题《如影随形》30...</a></b>
          <p><i><img src="/static/images/b06.jpg"></i>014第二版黑色Html5个人博客模板主题《如影随形》，如精灵般的影子会给人一种神秘的感觉。一张剪影图黑白...</p>
        </li>
        <li><b><a href="/jstt/bj/2015-01-09/740.html" target="_blank">【匆匆那些年】总结个人博客经历的这四年…30...</a></b>
          <p><i><img src="/static/images/mb02.jpg"></i>博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也...</p>
        </li>
      </ul>
    </div>
    <div class="links">
      <h2 class="hometitle">推荐链接</h2>
      <ul>
        <li><a href="https://www.cs.usfca.edu/~galles/visualization/Algorithms.html" title="CYCLINDER个人博客">Data Structure Visualizations</a></li>
        <li><a href="" title="CYCLINDER个人博客">CYCLINDER个人博客</a></li>
        <li><a href="" title="CYCLINDER个人博客">CYCLINDER个人博客</a></li>
      </ul>
    </div>
  </div>
</article>
<div class="blank"></div>
<footer>
  <p>Design by <a href="/">CYCLINDER</a></p>
</footer>
<script src="/static/js/nav.js"></script>
</body>
</html>
{{end}}